<template>
  <div class="gangweiOne">
    <div class="gangwei">
      <div class="work">
        应聘岗位
      </div>
      <!-- <p class="name">姓名</p> -->
      <input type="text" placeholder="前端开发">
    </div>

    <div class="export">
      <div class="exportSon">
        求职期望
      </div>
      <!-- <p class="nameTwo">姓名</p> -->
      <textarea rows="10" cols="28">
      有发展空间
      有发展空间
      有发展空间
      有发展空间
      有发展空间
      有发展空间

      </textarea>
    </div>

    <div class="experience">
      <div class="experienceSon">
        工作经历
      </div>
      <textarea rows="10" cols="28">
      三年开发经验
      熟练适用react vue

      </textarea>

    </div>

    <div class="education">
      <div class="educationSon">
        学历信息
      </div>
      <!-- <p class="nameThree">姓名</p> -->
      <input type="text" placeholder="本科">
    </div>

    <div class="advantage">
      <div class="advantageSon">
        个人优势
      </div>
      <!-- <p class="nameFour">姓名</p> -->
      <input type="text" placeholder="好学 适应能力强">
    </div>
    <el-button class="buttons" size="mini" type="primary">保存</el-button>
  </div>

</template>

<style>
input {
  border: none;
  outline: none;

}
textarea {
  border: none;
  resize: none;
  cursor: pointer;
  border: none;
  outline: none;
}
.gangweiOne .buttons {
  margin-top: 102px;
  float: right;
  margin-right: 20px;
}
.advantage input {
  /* border: none; */
  outline: none;
  border-style: none;
  border: transparent;
}
.advantage .nameFour {
  padding-left: 10px;
}
.advantage .advantageSon {
   height: 40px;
   width: 100%;
   background-color: #dcdddf;
   line-height: 40px;
   padding-left: 10px;
}
.advantage {
   border: 1px solid #ededee;
   height: 100px;
   width: 100%;
   margin-top: 20px;
}
.education input {
  border: none;
}
.education .nameThree {
  padding-left: 10px;
}
.education .educationSon {
   height: 40px;
   width: 100%;
   background-color: #dcdddf;
   line-height: 40px;
   padding-left: 10px;
}

.education {
   border: 1px solid #ededee;
   height: 100pxpx;
   width: 100%;
   margin-top: 20px;
}
.experience input {
  height: 100px;
  width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
}
.experience .experienceSon {
  height: 40px;
  width: 100%;
  background-color: #dcdddf;
  line-height: 40px;
  padding-left: 10px;
}
.experience {
  border: 1px solid #ededee;
    height: 100pxpx;
    width: 100%;
    margin-top: 20px;
}
.export input {
  border: none;
}
.export .nameTwo {
  padding-left: 10px;
}
.export .exportSon {
   height: 40px;
    width: 100%;
    background-color: #dcdddf;
    line-height: 40px;
    padding-left: 10px;
}
.export {
    border: 1px solid #ededee;
    height: 100pxpx;
    width: 100%;
    margin-top: 20px;
  }
.gangwei input {
  border: none;
}
.gangwei .name {
  padding-left: 10px;
}
  .gangwei .work {
    height: 40px;
    width: 100%;
    background-color: #dcdddf;
    line-height: 40px;
    padding-left: 10px;
  }
  .gangwei {
    border: 1px solid #ededee;
    height: 100pxpx;
    width: 100%;
  }
</style>
